<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<html>
<head>
    <title>停车场信息管理系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<%--重置，清空账号密码输入框的内容--%>
<script type="text/javascript">
    function clean() {
        document.getElementById("username").value = '';
        document.getElementById("password").value = '';
    }
</script>>

<div style="width: 100%;height: 100%;background-image: url(${pageContext.request.contextPath}/pic/car1.jpg);position: absolute;background-size:100% 100% ">
    <form id="loginForm" class="form-horizontal" style="padding-left: 35%;padding-top: 10%;"
          action="${pageContext.request.contextPath}/admin/tologin" method="post" >
        <div class="form-group" style="width: 50%;text-align: center;">
            <h2 style="color:black">停车场收费管理系统</h2>
        </div>
        <div class="form-group" style="width: 50%;">
            <label for="username" class="col-sm-2 control-label" style="color:black;">账 号</label>
            <div class="col-sm-10">
                <input type="text"  class="form-control" id="username" name="user" value="admin"
                        style="width: 280px;" onblur="checkUsernameNull(this)"
                       data-toggle="popover" data-placement="right" required>
            </div>
<%--value="admin"--%>
        </div>
        <div class="form-group" style="width: 50%;">
            <label for="password" class="col-sm-2 control-label" style="color:black;">密 码</label>
            <div class="col-sm-10">
                <input type="password" class="form-control" id="password" name="pwd" value="admin"
                        style="width: 280px;" required>
            </div>
        </div>

        <div class="form-group" style="width: 50%;">
            <label for="password" class="col-sm-2 control-label" style="color:black;">验证码</label>
            <div class="col-sm-10">
                <input type="text" class="form-control"  
                       style="width: 280px;" >
                <br>
                <img src="http://www.webxml.com.cn/ValidateCode/ValidateCodeImage.aspx?0.37262618262095404" style="width: 100px;">
        </div>
        </div>


        <div class="row" style="width: 50%;">
            <div class="col-sm-5">
                <button type="submit"  class="btn btn-default" style="width: 50%;float: right">登录</button>
            </div>
            <div class="col-sm-5" >
                <button onclick="clean()"  class="btn btn-default" style="width: 50%;float: right">重置</button>
            </div>
        </div>



        <div class="form-group" style="width: 50%;text-align: center;">
            <h2 style="color:red">${msg}</h2>
        </div>
    </form>
</div>
</body>
</html>
